<!-- From Uiverse.io by anthondevg - Tags: minimalist, card, tailwind -->
<div class="card h-72 relative border-2 border-blue-600 bg-gradient-to-b from-blue-600 from-[12%] via-[12%] via-white to-70% to-white shadow-lg shadow-lg rounded-xl w-72 flex justify-center items-center text-white">
  <span class="rounded-md bg-red-500 px-2 py-[.6em] absolute top-[2px] right-0 border border-white text-[.6em] mr-1 bg-gradient-to-b from-red-800 via-red-500 to-red-800 font-bold"> ╳ </span>
 <span class="rounded-md bg-red-500 px-2 py-[.6em] absolute top-[2px] right-7 border border-white text-[.6em] mr-2 bg-gradient-to-b from-blue-800 via-blue-500 to-blue-800"> ▣ </span>
 <span class="rounded-md bg-red-500 px-2 py-[.6em] absolute top-[2px] right-14 border border-white text-[.6em] mr-3 bg-gradient-to-b from-blue-800 via-blue-500 to-blue-800"> — </span>
 <p class="text-black">
  WINDOWS XP TIMES</p>
</div>

